import React from 'react'
import { StyleSheet, View } from 'react-native'
import MineHeader from './components/MineHeader'
import MineBanner from './components/MineBanner'
import { vw } from '@/common/dimensions'
import MineMenu from './components/MineMenu'
import MineFooter from './components/MineFooter'
import Toast from 'react-native-toast-message'
import AppPage from '@/components/AppPage'

export default function Mine() {
    return (
        <AppPage
            showTitle={true}
            title='账号'
        >
            <View style={styles.container}>
                    <MineHeader />
                    <MineBanner />
                    <MineMenu />
                    <MineFooter />
                    <Toast/>
                </View>
        </AppPage>
    )
}
const styles = StyleSheet.create({
    container:{
        paddingHorizontal:4 * vw,
        paddingTop:6
    }
})